<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 给数据添加新元素
    let arr = ['卤鸡腿', '卤鸭脖','烤牛排',100,200,300,400,]
    
    // // 末尾新增 '烤全羊' push
    // arr.push('烤全羊')
    // // 开头追加  '钵钵鸡'  unshift
    // arr.unshift('钵钵鸡')
    // // 打印整个数组
    // console.log(arr);

    // js中数组提供的方法，会直接在原数组上生效
    //  arr.pop()  // 删除最后一个,无下标
    //  console.log(arr);
    // arr.shift();
    // console.log(arr);
    //  splice 删除指定下标开始的指定数量的元素
      console.log(arr);
      // arr.splice(3,4)
      // arr.splice(3)
      arr.splice(-3)
      console.log(arr);
      // 数组名.splice(下标,数量) ，意思就是删除这个数组名对应下标开始[包含]，对应数量的元素
      // 如果数量不写，就表示一直到最后
       // 数组名.splice(-个数,数量) ，意思就是删除这个数组名后面往前数第几个[包含]，再往后删除对应数量的元素
      // 如果数量不写，就表示一直到最后
      // 数量如果《=0 等于不删除任意元素。无实际意义
    
      
    //  数组：定义 [], 类型没规定。可以任意
    let num = [1023,'abc',true]
    // 主要的属性：数组的长度，【元素的个数】
    // 下标【索引】：因为数组是有序的一种数据结构，会给每个排好序的元素标识一个下标，
    // 从0开始，到长度-1结束
    // 常用操作，是遍历 数组
    for (let 下标变量 = 0; 下标变量 < 数组名.length; 下标变量++) {
      // 数组名[下标变量] 可以取值
      
    }
    // 数组的添加 和删除方法
    // 前加 数组名.unshift(要添加的内容)
    // 后加 数组名.push(要添加的内容)
    // 前删  数组名.shift()
    // 后删除 数组名.pop()
    // 根据下标和数量去删除 数组名.splice([-]开始下标[,数量])



    
   
  </script>
</body>

</html>